﻿<!--++++++ content-header Start++++++-->
<section class="content-header">
    <h1>
        岗位管理
        <small>
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></a>
            <ul class="dropdown-menu content-headerlist">
                <li><a href="">岗位管理</a></li>
                <li><a href="">岗位管理</a></li>
            </ul>
        </small>
    </h1>
    <div class="btn-group">
        <button class="btn btn-xs  btn-link" (click)="fullScreeToggle()" data="0">
            <i class="fa fa-expand"></i><span title="全屏">全屏</span>
        </button>
    </div>
</section>
<!--++++++ content-header End++++++-->
<!--+++++++ content Start ++++++-->
<section class="content">
    <div class="row">
        <div class="col-md-3">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        组织岗位树
                        <span class="suggest-message">
                            <span class="suggest">组织岗位帮助您快速去管理部门岗位（如：展开、收起、刷新操作）</span>
                        </span>
                    </h3>
                </div>
                <div class="btn-menu">
                    <button class="btn btn-link btn-xs" (click)="expandAll()"><i class="fa fa-plus-square"></i>展开</button>
                    <button class="btn btn-link btn-xs" (click)="collapse()"><i class="fa fa-minus-square"></i>收起</button>
                    <button class="btn btn-link btn-xs" (click)="refreshPostmanagement()"><i class="fa fa-refresh"></i>刷新</button>
                </div>
                <div class="box-body" id="postmanagement">
                    <ul class="ztree" id="postmanagement-tree"></ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title ">
                        岗位列表
                        <span class="suggest-message">
                            <div class="suggest">可以对岗位进行增加、删除、更新和刷新操作</div>
                        </span>
                    </h3>
                </div>
                <div class="btn-menu">
                    <button class="btn btn-link btn-xs" (click)="addPostmanagement()"><i class="fa fa-plus"></i>增加</button>
                    <button class="btn btn-link btn-xs" (click)="removePostmanagement()"><i class="fa fa-trash"></i>删除</button>
                    <button class="btn btn-link btn-xs" (click)="revisePostmanagement()"><i class="fa fa-save"></i>更新</button>
                    <button class="btn btn-link btn-xs" (click)="refreshPostmanagement()"><i class="fa fa-refresh"></i>刷新</button>
                </div>
                <div class="box-body  postmangement">
                    <div class="row">
                        <div class="col-md-4 col-sm-4">
                            <h6>名称</h6>
                            <input type="text" name="name" class="form-control" value="{{cvPaging.currentItem.name}}" />
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <h6>编码</h6>
                            <input type="text" name="codenumber" class="form-control" value="{{cvPaging.currentItem.code}}" />
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <h6>描述</h6>
                            <input type="text" name="description" class="form-control" value="{{cvPaging.currentItem.description}}" />
                        </div>
                    </div>
                    <wj-flex-grid class="grid-table" [itemsSource]="cvPaging">
                        <wj-flex-grid-column [header]="'排序'" [binding]="'id'" [width]="60"></wj-flex-grid-column>
                        <wj-flex-grid-column [header]="'编码'" [binding]="'code'"></wj-flex-grid-column>
                        <wj-flex-grid-column [header]="'名称'" [binding]="'name'"></wj-flex-grid-column>
                        <wj-flex-grid-column [header]="'描述'" [binding]="'description'" [width]="'*'"></wj-flex-grid-column>
                        <wj-flex-grid-column [header]="''" [width]="50" [isReadOnly]="true">
                            <template wjFlexGridCellTemplate [cellType]="'Cell'">
                                <div class="wj-elem-down" (click)="selectOperation()">
                                    <span>...</span>
                                </div>
                            </template>
                        </wj-flex-grid-column>
                    </wj-flex-grid>
                    <ul class="box-body-gridOpreation" id="settingOperation">
                        <li class="btn btn-xs" (click)="removePostmanagement()"><i class="fa fa-trash"></i>&nbsp;删除</li>
                        <li class="btn btn-xs" (click)="setSubordinatepost()"><i class="fa fa-user"></i>&nbsp;下属</li>
                    </ul>
                    <div class="btn-group">
                        <button (click)="cvPaging.moveToFirstPage()" [disabled]="cvPaging.pageIndex<=0">&laquo;</button>
                        <button (click)="cvPaging.moveToPreviousPage()" [disabled]="cvPaging.pageIndex<=0">&lt;</button>
                        <button (click)="cvPaging.moveToNextPage()" [disabled]="cvPaging.pageIndex>=cvPaging.pageCount-1">&gt;</button>
                        <button (click)="cvPaging.moveToLastPage()" [disabled]="cvPaging.pageIndex>=cvPaging.pageCount-1">&raquo;</button>
                    </div>
                    <div id="flexgrid"></div>
                    <div class="btn-group">
                        <button (click)="cvPaging2.moveToFirstPage()" [disabled]="cvPaging2.pageIndex<=0">&laquo;</button>
                        <button (click)="cvPaging2.moveToPreviousPage()" [disabled]="cvPaging2.pageIndex<=0">&lt;</button>
                        <button (click)="cvPaging2.moveToNextPage()" [disabled]="cvPaging2.pageIndex>=cvPaging2.pageCount-1">&gt;</button>
                        <button (click)="cvPaging2.moveToLastPage()" [disabled]="cvPaging2.pageIndex>=cvPaging2.pageCount-1">&raquo;</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--++++++Content End++++++-->
